.selectCareerAndYear {
	position: relative;
	float: left;
	margin: 2%;
	width: 100%;
}

.selectCareerAndYear label{
	margin: 2%;
}

.selectCareerAndYear select{
	margin-right: 2%
}

#startPeriodSelected, #finishPeriodSelected{
	margin: 5px;
	position: relative;
	float: none;
	width: 12%;
}

#addFinishPeriod, #addStartPeriod{
	position: relative;
	float: none;
	width: 10%;
	margin-top: 1%;
}

#addStartPeriod{
	margin-left: 2%;
}

#addFinishPeriod{
	margin-left: 3.9%;
}

#addPeriodButton{
	margin-top: 1%;
	margin-bottom: 2%;
}

.arrow-left {
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	
	border-right:20px solid white;
	
	margin-right: 5px; 
}

#addnewPeriodShowButton{
	background-image: url("../images/plus.jpg");
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	border-radius:20px;
	background-color: transparent;
	height: 5%;
    width: 80%;
}

#addnewPeriodHideButton{
	background-image: url("../images/minus.jpg");
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	border-radius:20px;
	background-color: transparent;
	height: 5%;
    width: 80%;
}

#manualSelectCareerAndYear{
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:0px;
	
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:0px;
	
	/* Otros estilos */ 
	background:#eee;
	width:100%;
	padding:5px;
	
	box-shadow: 10px 10px 5px #888888;
    border:2px solid #333;
	border-radius:25px;
}

#contentHistoryPlanifications{
	display: none;
	width: 90%;
	height: 25%;
	overflow-y: scroll; 
}